@extends('layouts.application')
@section('css')
    <link rel="stylesheet" href="/vendor/markdown/css/editormd.min.css"/>
@endsection
@section('content')
    <div class="admin-content">
        <div class="admin-content-body">
            <div class="am-cf am-padding am-padding-bottom-0">
                <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">栏目编辑</strong>
                    <small>Edit Category</small>
                </div>
            </div>

            <hr>
            @include('layouts._flash')
            <div class="am-g">
                <div class="am-u-sm-12 am-u-md-12">

                    <form class="am-form" action="{{route('categories.update',$category->id)}}" method="post">
                        {!! csrf_field() !!}
                        {!! method_field('put') !!}
                        <div class="am-g am-margin-top">
                            <div class="am-u-sm-4 am-u-md-2 am-text-right">
                                上级分类
                            </div>
                            <div class="am-u-sm-8 am-u-md-4 am-u-end col-end">
                                <select data-am-selected="{btnWidth: '100%',  btnStyle: 'secondary', btnSize: 'sm', maxHeight: 360, searchBox: 1}"
                                        name="parent_id" value>
                                    <option value="0"
                                       @if($category->parent_id==0)
                                           selected
                                            @endif
                                    >顶级分类</option>
                                    @if($category->parent_id!=0)
                                    @foreach ($categories as $c)
                                        <option value="{{ $c->id }}"
                                        @if($category->parent_id==$c->id)
                                            selected
                                                @endif
                                        >
                                            {!! category_indent(0) !!}{{ $c->name }}
                                        </option>
                                    @endforeach
                                        @endif
                                </select>
                            </div>
                        </div>

                        <div class="am-g am-margin-top">
                            <div class="am-u-sm-4 am-u-md-2 am-text-right">
                                分类名称
                            </div>
                            <div class="am-u-sm-8 am-u-md-4">
                                <input type="text" class="am-input-sm" name="name" value="{{$category->name}}">
                            </div>
                            <div class="am-hide-sm-only am-u-md-6">*必填，不可重复</div>
                        </div>

                        <div class="am-g am-margin-top">
                            <div class="am-u-sm-4 am-u-md-2 am-text-right">
                                url网址
                            </div>
                            <div class="am-u-sm-8 am-u-md-4">
                                <input type="text" class="am-input-sm" name="url" value="{{$category->url}}">
                            </div>
                            <div class="am-hide-sm-only am-u-md-6">*必填</div>
                        </div>

                        <div class="am-g am-margin-top">
                            <div class="am-u-sm-4 am-u-md-2 am-text-right">
                                缩略图
                            </div>

                            <div class="am-u-sm-8 am-u-md-6 am-u-end col-end">
                                <div class="am-form-group am-form-file new_thumb">
                                    <button type="button" class="am-btn am-btn-secondary am-btn-sm">
                                        <i class="am-icon-cloud-upload" id="loading"></i> 上传新的缩略图
                                    </button>
                                    <input type="file" id="thumb_upload">
                                </div>


                                {{--<div class="select_thumb">--}}
                                {{--<button type="button" class="am-btn am-btn-success am-btn-sm" id="ck_thumb_upload">--}}
                                {{--<i class="am-icon-search-plus" id="loading"></i> 选择已存在的缩略图--}}
                                {{--</button>--}}
                                <input type="hidden" name="thumb">
                                {{--</div>--}}

                                <hr data-am-widget="divider" style="" class="am-divider am-divider-dashed"/>

                                <div>
                                    <img src="{{$category->thumb}}" id="img_show" style="max-height: 200px;">
                                </div>
                            </div>
                        </div>


                        <div class="am-g am-margin-top">
                            <div class="am-u-sm-4 am-u-md-2 am-text-right">
                                描述信息
                            </div>
                            <div class="am-u-sm-8 am-u-md-4 am-u-end col-end">
                                <textarea rows="4" name="content">{{$category->content}}</textarea>
                            </div>
                        </div>

                        <img src="" alt="">

                        <div class="am-g am-margin-top">
                            <div class="am-u-sm-4 am-u-md-2 am-text-right">
                                显示在导航栏
                            </div>
                            <div class="am-u-sm-8 am-u-md-4 am-u-end col-end">
                                <label class="am-radio-inline">
                                    <input type="radio" value="1" name="is_show"
                                    @if($category->is_show==1)
                                        checked
                                           @endif
                                    > 是
                                </label>
                                <label class="am-radio-inline">
                                    <input type="radio" value="0" name="is_show"
                                           @if($category->is_show==0)
                                           checked
                                            @endif> 否
                                </label>
                            </div>
                        </div>

                        <div class="am-g am-margin-top">
                            <div class="am-u-sm-4 am-u-md-2 am-text-right">
                                排序
                            </div>
                            <div class="am-u-sm-8 am-u-md-4 am-u-end col-end">
                                <input type="text" name="sort_order" class="am-input-sm" value="{{$category->sort_order}}">
                            </div>
                        </div>

                        <div class="am-margin">
                            <button type="submit" class="am-btn am-btn-primary am-radius">提交修改</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
    <script src="/vendor/jquery.html5-fileupload.js"></script>
    <script>
        //文件上传
        var opts = {
            url: "/lxSystem/upload",
            type: "POST",
            beforeSend: function () {
                $("#loading").attr("class", "am-icon-spinner am-icon-pulse");
            },
            success: function (result, status, xhr) {
                if (result.status == "0") {
                    alert(result.info);
                    $("#loading").attr("class", "am-icon-cloud-upload");
                    return false;
                }

                var url = 'http://od9xcrkaj.bkt.clouddn.com/' + result.info;
                $("input[name='thumb']").val(url);
                $("#img_show").attr('src', url);
                $("#loading").attr("class", "am-icon-cloud-upload");
            },
            error: function (result, status, errorThrown) {
                alert('文件上传失败');
            }
        };
        $('#thumb_upload').fileUpload(opts);
    </script>
@endsection